<!--{*


Created on: 2011-12-11 08:59:08 131
*}-->

<!-- Public details for images (Images). {* Remove the fields or entire contents if not. *}-->
<div class="details">
	
  <div class="holder">
    <div class="title">Dimensions</div>
    <div class="content"><strong>{$images.dimension_width}</strong>px width x <strong>{$images.dimension_height}</strong>px height</div>
  </div>

  <div class="holder">
    <div class="title">File Size Bytes</div>
    <div class="content">{$images.filesize_bytes|n} Bytes, {$images.filesize_bytes|kb} KB, {$images.filesize_bytes|mb} MB</div>
  </div>

  <div class="holder">
    <div class="title">Image Code</div>
    <div class="content"><a href="image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg" target="_blank">{$images.image_code|default:'-'}</a></div>
  </div>

  <div class="holder">
    <div class="title">Image Name</div>
    <div class="content"><a href="image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg" target="_blank">{$images.image_name|default:'-'}</a></div>
  </div>

  <div class="holder">
    <div class="title">Image Caption</div>
    <div class="content">{$images.image_caption|default:'-'}</div>
  </div>

  <div class="holder">
    <div class="title">Image Keywords</div>
    <div class="content">{$images.image_keywords|default:'-'}</div>
  </div>

  <div class="holder">
    <div class="title">Image Description</div>
    <div class="content">{$images.image_description|default:'-'}</div>
  </div>

  <div class="holder">
    <div class="title">Views</div>
    <div class="content">{$images.impressions_counter}</div>
  </div>
  
  <div class="holder">
    <div class="title">Albums</div>
    <div class="content">{listof type='albums_of_image' from=$images.image_id}</div>
  </div>
  
  <div class="holder">
    <div class="title">Categories</div>
    <div class="content">{listof type='categories_of_image' from=$images.image_id}</div>
  </div>

</div>

<div>
	<div style="background-image:url('image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg');" class="image-preview-large">
		<!-- image description -->
	</div>
</div>

<!-- End of public details of images (Images) -->